feat: Updates to AI components for additional chat prompt use cases by LFDanLu · Pull Request #10335 · adobe/react-spectrum

LFDanLu · 2026-07-16T17:00:26Z

fills in gaps in our current AI components that we found when integrating with other experiences. Includes the following:

localization for various components (translated strings to come)
exposing size on MessageFeedback
"failed" and "no disclosure" variants to ResponseStatus
expose onKeyDown handler so users can add custom keyboard commands to their PromptField and ArrowUp/Down to cycle through old prompts
controlled field value and attachment support to PromptField
support for injecting plain text and triggering injection less callbacks in the PromptField
voice input support
error variant for AttachmentList cards
bug fixes for things like misplaced text cursor position after adding a token into the field, cancelling the prompt in the "Streaming" story now stops streaming, etc

✅ Pull Request Checklist:

Included link to corresponding React Spectrum GitHub Issue.
Added/updated unit tests and storybook for this change (for new code or code which already has tests).
Filled out test instructions.
Updated documentation (if it already exists for this component).
Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

See the description above for all the added features. Test the AttachmentList, Chat, and PromptField stories and verify behavior like invalid attachments, token/callback/plain text injection in the PromptField, voice input support, etc

🧢 Your Project:

RSP

other changes like gettring rid of the ToggleButtonGroup are deffered in favor of wrapping the group in a Toolbar

…arent using our prompt field

…ve a panel to display

…ursor positioning when token added via + menu also support escape /click on stop button to stop streaming in chat story

this allows a callback (aka like "compact") command to clear the user partial filter text and close the autocomplete menu in the field

…ups_coworker

LFDanLu · 2026-07-16T18:22:09Z

 } from '../src/PromptField';
 export {ResponseStatus, ResponseStatusTitle, ResponseStatusPanel} from '../src/ResponseStatus';
-export {Chat, Thread, ThreadItem, ThreadScrollButton} from '../src/Chat';
+export {Chat, Thread, ThreadItem, ThreadScrollButton, PromptFocusContext} from '../src/Chat';


exported in case a user don't use our PromptField with Chat. They will need to wire up the onFocusChange to their input field

LFDanLu · 2026-07-16T18:22:36Z

strings to be translated, open to discussion for copy

LFDanLu · 2026-07-16T18:24:31Z

  borderRadius: 'default'
 });

+const attachmentErrorStyles = style({


The styles for invalid + thumbnail only aren't added yet, to be discussed with design

LFDanLu · 2026-07-16T18:25:57Z

+  // TODO: mirrors tokenfield, maybe should also be a generic too
+  value?: TokenSegmentList;
+  defaultValue?: TokenSegmentList;
+  onChange?: (value: TokenSegmentList) => void;
+  // TODO: discuss, I can imagine a case where we also want to prefill these
+  attachments?: PromptFieldAttachment[];
+  defaultAttachments?: PromptFieldAttachment[];
+  onAttachmentsChange?: (attachments: PromptFieldAttachment[]) => void;


open to discussion

LFDanLu · 2026-07-16T18:28:38Z

-    if (text.length === 0) {
-      return [{type: 'text', text}];
-    }
+function tokenizeURLs(text: string): TokenFieldSegment[] {


change here looks significant but its just moving/extracting some logic since I had to update AutoLinkingSegmentList to auto convert urls into tokens if added programmatically via controlled value

LFDanLu · 2026-07-16T18:29:57Z

-  let [prompt, setPrompt] = useState<TokenSegmentList>(new AutoLinkingSegmentList([]));
-  let [attachments, setAttachments] = useState<PromptFieldAttachment[]>([]);
+  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/ai');
+  let [prompt, setPrompt] = useControlledState(


as mentioned before, adds support for controlled value in the PromptField for things like "click this external button to pre-fill a common prompt into your field"

LFDanLu · 2026-07-16T18:31:39Z

  children?: (segment: TokenSegment) => React.ReactElement;
  pixelLoader?: Cell[] | Cell[][];
  placeholder?: string;
+  onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;


support for custom user defined keyboard commands (Opt + Enter for followup while streaming, arrow keys to autofil old prompts)

LFDanLu · 2026-07-16T18:34:54Z

+          setCursor(inputRef.current, position);
+          // TODO: double check this, claude debugged this one, but essentially reproduced with plain text insertion commands
+          // triggered one after another
+          // focus() fires a synchronous selectionchange before setCursor can set
+          // isProgrammaticSelectionChange, which resets caretPosition to {0,0} in
+          // TokenField's useSelectionChange handler. Re-assert the correct position.
+          setPrompt(value => value.withCaretPosition(position));


as mentioned in the comment, seems to be a race here that caused inconsistent text cursor positioning when doing insertions via the "+" menu.

interesting, we unset all the blocking and trapping when dialogs close, wonder why this was causing an issue with the cursor positioning

do you know what it was racing against? was it restore focus from the dialog to the trigger? or what was happening?

yeah so the changes are kinda two fold. The addition of setCursor is to fix the issue where injecting a token into the field via the "+" menu is just putting the cursor at the start of the field, which happens because the token injection happens when focus is still in the "+" menu when it happens, but

react-spectrum/packages/@react-spectrum/ai/src/TokenField.tsx

Lines 181 to 184 in 5b99560

// Only move the caret when the field is already focused.

if (ref.current === getActiveElement(getOwnerDocument(ref.current))) {

setCursor(ref.current, state.caretPosition);

}

has a check where the cursor is only updated if the field is actually focused. I think I can't just remove that wrapping condition because of 9599359 so we just need to update the cursor position via setCursor here.

The setPrompt race is a bit more complicated, and that is to fix a flow like "inject /feedback via menu -> same for /btw afterwards -> inject /feedback again" where then last /feedback is inserted into the wrong place. What seems to happen is that two separate cursor updates happen due to the inputRef.current.focus(); and setCursor here, and the inputRef.current.focus(); messes up the cursor position due to the isProgrammaticSelectionChange flag being flipped to false after setCursor is called, thus allowing the internally tracked caret position to get set to 0 erroneously instead of preserving . I think ideally isProgrammaticSelectionChange should remain as true across both the .focus and the setCursor so that we preserve our calculated caret position but that is a bit tricky and is easier to just reupdate to the right position

LFDanLu · 2026-07-16T18:35:50Z

  /**
-   * Whether the response is still being generated. When true, a ProgressCircle replaces
-   * the chevron and the panel cannot be expanded. The trigger remains focusable.
+   * The current status of the response.


API change we'll have to call out

LFDanLu · 2026-07-16T18:41:51Z

based off what Coworker had, but refactored a bit since it didn't seem they actually needed some of the callbacks

LFDanLu · 2026-07-16T18:58:09Z

see https://webaudio.github.io/web-speech-api/ and https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition, mostly generated by Claude but I did a spot check against the above

rspbot · 2026-07-16T19:00:39Z

Build successful! 🎉

rspbot · 2026-07-17T21:55:43Z

Build successful! 🎉

…ups_coworker

LFDanLu · 2026-07-20T18:20:33Z

 */

-export {useTokenField, positionToDOMRange} from '../src/tokenfield/useTokenField';
+export {useTokenField, positionToDOMRange, setSelection} from '../src/tokenfield/useTokenField';


note the addition export here, required since I was using setCursor to fix some cursor positioning issues

rspbot · 2026-07-20T18:27:18Z

Build successful! 🎉

rspbot · 2026-07-21T00:14:58Z

Build successful! 🎉

rspbot · 2026-07-21T21:21:15Z

Build successful! 🎉

rspbot · 2026-07-21T21:57:01Z

Build successful! 🎉

snowystinger · 2026-07-22T01:29:34Z

+  }, [transcript, isVoiceListening]);
+
+  useEffect(() => {
+    if (isDisabled && isVoiceListening) {


should isDisabled be passed into useVoiceInput? that's a pretty common pattern

makes sense, I can see about adding that to the hook

I will do this as a followup, gonna try and get this up as a nightly ASAP for now

devongovett · 2026-07-22T20:26:40Z

+  };
+
+  // logic for using up/down arrow keys to fill field with previous prompts
+  let onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {


Are we sure we want this? I thought we were not going to do it this way and implement a menu instead?

for the prev/next prompt cycling via up/down arrow, yes we are going to suggest doing it with the menu but this was more of a proof of concept in the story that users could still implement that functionality if they wanted to. onKeyDown is still needed to handle custom keyboard shortcuts like Option+Enter to submit a followup prompt as a response is streaming and/or handling for Enter for "steering"

…ups_coworker

rspbot · 2026-07-22T23:13:47Z

Build successful! 🎉

rspbot · 2026-07-22T23:13:48Z

## API Changes

react-aria-components

/react-aria-components:TokenField

 TokenField <T extends TokenFieldValue = TokenFieldValue> {
   allowsNewlines?: boolean
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
   autoFocus?: boolean
   children?: ChildrenOrFunction<TokenFieldRenderProps>
   className?: ClassNameOrFunction<TokenFieldRenderProps> = 'react-aria-TokenField'
   defaultValue?: TokenFieldValue
   isDisabled?: boolean
   isReadOnly?: boolean
   onBlur?: (FocusEvent<Target>) => void
   onChange?: (TokenFieldValue) => void
   onCopy?: ClipboardEventHandler<TokenFieldValue>
   onCut?: ClipboardEventHandler<TokenFieldValue>
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
-  onKeyDown?: (KeyboardEvent) => void
-  onKeyUp?: (KeyboardEvent) => void
+  onKeyDown?: (React.KeyboardEvent<HTMLDivElement>) => void
+  onKeyUp?: (React.KeyboardEvent<HTMLDivElement>) => void
   onPaste?: ClipboardEventHandler<TokenFieldValue>
   onSubmit?: () => void
   render?: DOMRenderFunction<keyof React.JSX.IntrinsicElements, TokenFieldRenderProps>
   role?: 'textbox' | 'searchbox' | 'combobox' = 'textbox'
   style?: StyleOrFunction<TokenFieldRenderProps>
   value?: TokenFieldValue
 }

/react-aria-components:TokenFieldProps

 TokenFieldProps <T extends TokenFieldValue = TokenFieldValue> {
   allowsNewlines?: boolean
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
   autoFocus?: boolean
   children?: ChildrenOrFunction<TokenFieldRenderProps>
   className?: ClassNameOrFunction<TokenFieldRenderProps> = 'react-aria-TokenField'
   defaultValue?: TokenFieldValue
   isDisabled?: boolean
   isReadOnly?: boolean
   onBlur?: (FocusEvent<Target>) => void
   onChange?: (TokenFieldValue) => void
   onCopy?: ClipboardEventHandler<TokenFieldValue>
   onCut?: ClipboardEventHandler<TokenFieldValue>
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
-  onKeyDown?: (KeyboardEvent) => void
-  onKeyUp?: (KeyboardEvent) => void
+  onKeyDown?: (React.KeyboardEvent<HTMLDivElement>) => void
+  onKeyUp?: (React.KeyboardEvent<HTMLDivElement>) => void
   onPaste?: ClipboardEventHandler<TokenFieldValue>
   onSubmit?: () => void
   render?: DOMRenderFunction<keyof React.JSX.IntrinsicElements, TokenFieldRenderProps>
   role?: 'textbox' | 'searchbox' | 'combobox' = 'textbox'
   style?: StyleOrFunction<TokenFieldRenderProps>
   value?: TokenFieldValue
 }

@react-spectrum/ai

/@react-spectrum/ai:Attachment

 Attachment {
   allowsArrowNavigation?: boolean
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
   children: ReactNode | (AttachmentRenderProps) => ReactNode
   density?: 'compact' | 'regular' | 'spacious' = 'regular'
   download?: boolean | string
   focusMode?: 'child' | 'row'
   href?: Href
   hrefLang?: string
   id?: Key
   isDisabled?: boolean
+  isInvalid?: boolean
   onAction?: () => void
   onPress?: (PressEvent) => void
   onPressChange?: (boolean) => void
   onPressEnd?: (PressEvent) => void
   onPressUp?: (PressEvent) => void
   ping?: string
   referrerPolicy?: HTMLAttributeReferrerPolicy
   rel?: string
   render?: DOMRenderFunction<keyof React.JSX.IntrinsicElements, TagRenderProps>
   routerOptions?: RouterOptions
   size?: 'XS' | 'S' | 'M' | 'L' | 'XL' = 'M'
   styles?: StyleString
   target?: HTMLAttributeAnchorTarget
   textValue?: string
   uploadProgress?: number
   value?: T
   variant?: 'primary' | 'secondary' | 'tertiary' | 'quiet' = 'primary'
 }

/@react-spectrum/ai:MessageFeedback

 MessageFeedback {
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
   defaultValue?: MessageFeedbackValue
   id?: string
   isDisabled?: boolean
   onChange?: (MessageFeedbackValue) => void
+  size?: 'XS' | 'S' | 'M' | 'L' | 'XL' = 'M'
   slot?: string | null
   styles?: StylesPropWithHeight
   thumbDownLabel?: string
   thumbUpLabel?: string
 }

/@react-spectrum/ai:PromptField

 PromptField {
   acceptedAttachmentTypes?: Array<string>
+  attachments?: Array<PromptFieldAttachment>
   children: React.ReactNode
+  defaultAttachments?: Array<PromptFieldAttachment>
+  defaultValue?: TokenFieldValue
   isGenerating?: boolean
   onAddAttachments?: (Array<PromptFieldAttachment>) => void
+  onAttachmentsChange?: (Array<PromptFieldAttachment>) => void
+  onChange?: (TokenFieldValue) => void
   onRemoveAttachments?: (Array<PromptFieldAttachment>) => void
   onStop?: () => void
   onSubmit?: (TokenFieldValue, Array<PromptFieldAttachment>) => void
   styles?: StyleString
+  value?: TokenFieldValue
   variant?: 'balanced' | 'prominent' | 'subtle'
 }

/@react-spectrum/ai:PromptTokenField

 PromptTokenField {
   children?: (TokenSegment) => React.ReactElement
   completionTrigger?: RegExp
+  onKeyDown?: (React.KeyboardEvent<HTMLDivElement>) => void
   pixelLoader?: Array<Cell> | Array<Array<Cell>>
   placeholder?: string
   renderCompletions?: (string) => Array<React.ReactNode> | null | Promise<Array<React.ReactNode> | null>
 }

/@react-spectrum/ai:ResponseStatus

 ResponseStatus {
   children: ReactNode
   defaultExpanded?: boolean
   density?: 'compact' | 'regular' | 'spacious' = 'regular'
   id?: Key
   isDisabled?: boolean
   isExpanded?: boolean
-  isLoading?: boolean
   onExpandedChange?: (boolean) => void
   size?: 'S' | 'M' | 'L' | 'XL' = 'M'
   slot?: string | null
+  status?: 'loading' | 'failed' | 'success' = 'loading'
   styles?: StyleString
 }

/@react-spectrum/ai:ThreadItem

 ThreadItem {
   allowsArrowNavigation?: boolean
   children?: ChildrenOrFunction<GridListItemRenderProps>
   focusMode?: 'child' | 'row'
+  id?: Key
   isStreaming?: boolean
   shouldAnnounceOnMount?: boolean
   styles?: StyleString
   textValue?: string

/@react-spectrum/ai:AttachmentProps

 AttachmentProps {
   allowsArrowNavigation?: boolean
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
   children: ReactNode | (AttachmentRenderProps) => ReactNode
   density?: 'compact' | 'regular' | 'spacious' = 'regular'
   download?: boolean | string
   focusMode?: 'child' | 'row'
   href?: Href
   hrefLang?: string
   id?: Key
   isDisabled?: boolean
+  isInvalid?: boolean
   onAction?: () => void
   onPress?: (PressEvent) => void
   onPressChange?: (boolean) => void
   onPressEnd?: (PressEvent) => void
   onPressUp?: (PressEvent) => void
   ping?: string
   referrerPolicy?: HTMLAttributeReferrerPolicy
   rel?: string
   render?: DOMRenderFunction<keyof React.JSX.IntrinsicElements, TagRenderProps>
   routerOptions?: RouterOptions
   size?: 'XS' | 'S' | 'M' | 'L' | 'XL' = 'M'
   styles?: StyleString
   target?: HTMLAttributeAnchorTarget
   textValue?: string
   uploadProgress?: number
   value?: T
   variant?: 'primary' | 'secondary' | 'tertiary' | 'quiet' = 'primary'
 }

/@react-spectrum/ai:PromptFieldProps

 PromptFieldProps {
   acceptedAttachmentTypes?: Array<string>
+  attachments?: Array<PromptFieldAttachment>
   children: React.ReactNode
+  defaultAttachments?: Array<PromptFieldAttachment>
+  defaultValue?: TokenFieldValue
   isGenerating?: boolean
   onAddAttachments?: (Array<PromptFieldAttachment>) => void
+  onAttachmentsChange?: (Array<PromptFieldAttachment>) => void
+  onChange?: (TokenFieldValue) => void
   onRemoveAttachments?: (Array<PromptFieldAttachment>) => void
   onStop?: () => void
   onSubmit?: (TokenFieldValue, Array<PromptFieldAttachment>) => void
   styles?: StyleString
+  value?: TokenFieldValue
   variant?: 'balanced' | 'prominent' | 'subtle'
 }

/@react-spectrum/ai:PromptTokenFieldProps

 PromptTokenFieldProps {
   children?: (TokenSegment) => React.ReactElement
   completionTrigger?: RegExp
+  onKeyDown?: (React.KeyboardEvent<HTMLDivElement>) => void
   pixelLoader?: Array<Cell> | Array<Array<Cell>>
   placeholder?: string
   renderCompletions?: (string) => Array<React.ReactNode> | null | Promise<Array<React.ReactNode> | null>
 }

/@react-spectrum/ai:MessageFeedbackProps

 MessageFeedbackProps {
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
   defaultValue?: MessageFeedbackValue
   id?: string
   isDisabled?: boolean
   onChange?: (MessageFeedbackValue) => void
+  size?: 'XS' | 'S' | 'M' | 'L' | 'XL' = 'M'
   slot?: string | null
   styles?: StylesPropWithHeight
   thumbDownLabel?: string
   thumbUpLabel?: string
 }

/@react-spectrum/ai:ResponseStatusProps

 ResponseStatusProps {
   children: ReactNode
   defaultExpanded?: boolean
   density?: 'compact' | 'regular' | 'spacious' = 'regular'
   id?: Key
   isDisabled?: boolean
   isExpanded?: boolean
-  isLoading?: boolean
   onExpandedChange?: (boolean) => void
   size?: 'S' | 'M' | 'L' | 'XL' = 'M'
   slot?: string | null
+  status?: 'loading' | 'failed' | 'success' = 'loading'
   styles?: StyleString
 }

/@react-spectrum/ai:ThreadItemProps

 ThreadItemProps {
   allowsArrowNavigation?: boolean
   children?: ChildrenOrFunction<GridListItemRenderProps>
   focusMode?: 'child' | 'row'
+  id?: Key
   isStreaming?: boolean
   shouldAnnounceOnMount?: boolean
   styles?: StyleString
   textValue?: string

/@react-spectrum/ai:AutoLinkingTokenFieldValue

+AutoLinkingTokenFieldValue {
+  caretPosition: Position
+  constructor: (readonly Array<TokenFieldSegment<T>>, TokenFieldValueOptions) => void
+  delete: (Position, Intl.Segmenter, any, any) => this
+  deleteLine: (Position, any, any) => this
+  endCoalescing: () => void
+  findBoundaryWithSegmenter: (Position, Intl.Segmenter, any) => Position | null
+  findLineBoundary: (Position, any) => Position | null
+  findText: (Position, any, string | RegExp) => Position | null
+  redo: () => this
+  replaceRange: (Position, Position, string, any) => this
+  replaceRangeWithSegments: (Position, Position, Array<TokenFieldSegment<T>>, any) => this
+  segments: readonly Array<TokenFieldSegment<T>>
+  slice: (Position, Position) => this
+  toString: () => string
+  tokenize: (string) => Array<TokenFieldSegment>
+  undo: () => this
+  withCaretPosition: (Position) => this
+}

/@react-spectrum/ai:CommandMenuItem

+CommandMenuItem {
+  UNSAFE_className?: UnsafeClassName
+  UNSAFE_style?: CSSProperties
+  aria-label?: string
+  children: ReactNode
+  download?: boolean | string
+  href?: Href
+  hrefLang?: string
+  id?: Key
+  isDisabled?: boolean
+  onAction?: () => void
+  onBlur?: (FocusEvent<Target>) => void
+  onFocus?: (FocusEvent<Target>) => void
+  onFocusChange?: (boolean) => void
+  onHoverChange?: (boolean) => void
+  onHoverEnd?: (HoverEvent) => void
+  onHoverStart?: (HoverEvent) => void
+  onPress?: (PressEvent) => void
+  onPressChange?: (boolean) => void
+  onPressEnd?: (PressEvent) => void
+  onPressStart?: (PressEvent) => void
+  onPressUp?: (PressEvent) => void
+  ping?: string
+  referrerPolicy?: HTMLAttributeReferrerPolicy
+  rel?: string
+  routerOptions?: RouterOptions
+  shouldCloseOnSelect?: boolean
+  styles?: StylesProp
+  target?: HTMLAttributeAnchorTarget
+  textValue?: string
+  value?: T
+}

/@react-spectrum/ai:InsertTextMenuItem

+InsertTextMenuItem {
+  UNSAFE_className?: UnsafeClassName
+  UNSAFE_style?: CSSProperties
+  aria-label?: string
+  children: ReactNode
+  download?: boolean | string
+  href?: Href
+  hrefLang?: string
+  id?: Key
+  isDisabled?: boolean
+  onAction?: () => void
+  onBlur?: (FocusEvent<Target>) => void
+  onFocus?: (FocusEvent<Target>) => void
+  onFocusChange?: (boolean) => void
+  onHoverChange?: (boolean) => void
+  onHoverEnd?: (HoverEvent) => void
+  onHoverStart?: (HoverEvent) => void
+  onPress?: (PressEvent) => void
+  onPressChange?: (boolean) => void
+  onPressEnd?: (PressEvent) => void
+  onPressStart?: (PressEvent) => void
+  onPressUp?: (PressEvent) => void
+  ping?: string
+  referrerPolicy?: HTMLAttributeReferrerPolicy
+  rel?: string
+  routerOptions?: RouterOptions
+  shouldCloseOnSelect?: boolean
+  styles?: StylesProp
+  target?: HTMLAttributeAnchorTarget
+  textValue?: string
+  value?: T
+}

/@react-spectrum/ai:PromptFocusContext

+PromptFocusContext {
+  UNTYPED
+}

rspbot · 2026-07-22T23:13:49Z

Agent Skills Changes

Modified (5)

react-aria/skills/react-aria/references/components/Separator/useSeparator.md $\color{green}{+1}$ $\color{red}{-1}$
react-aria/skills/react-aria/references/components/Tree.md $\color{green}{+5}$ $\color{red}{-5}$
s2/skills/react-spectrum-s2/references/components/TreeView.md $\color{green}{+5}$ $\color{red}{-5}$
s2/skills/react-spectrum-s2/references/react-aria/components/Separator/useSeparator.md $\color{green}{+1}$ $\color{red}{-1}$
s2/skills/react-spectrum-s2/references/react-aria/components/Tree.md $\color{green}{+5}$ $\color{red}{-5}$

Install

React Spectrum S2:

npx skills add https://d1pzu54gtk2aed.cloudfront.net/pr/f9ba3a79c3b880196020b0aad035358b74bfce56/

React Aria:

npx skills add https://d5iwopk28bdhl.cloudfront.net/pr/f9ba3a79c3b880196020b0aad035358b74bfce56/

LFDanLu added 14 commits July 9, 2026 10:31

expose size on MessageFeedback for Coworker

ad9b3bb

other changes like gettring rid of the ToggleButtonGroup are deffered in favor of wrapping the group in a Toolbar

localize scroll to bottom button, expose PromptFocusContext if users …

f0c0d2e

…arent using our prompt field

add "failed" Response status and variant where the response doesnt ha…

45b0864

…ve a panel to display

expose isDisabled/placeholder and add onKeydown

f301a02

controlled prompt field input and attachements

ff15060

have it auto tokenize urls from controlled value insertions and fix c…

0725b71

…ursor positioning when token added via + menu also support escape /click on stop button to stop streaming in chat story

add plain text insertion menu item

89b4a0d

add callback menu item

7789775

this allows a callback (aka like "compact") command to clear the user partial filter text and close the autocomplete menu in the field

add voice input support to prompt field

fd1b878

add missing error messages

187ce00

Merge branch 'main' of github.com:adobe/react-spectrum into ai_follow…

1eb038b

…ups_coworker

removing isDisabled support from the prompt field, need design feedback

e09f031

localize stuff

0ac387d

add error variant for attachement list card

b1aa140

github-actions Bot added the needs translations label Jul 16, 2026

LFDanLu added 3 commits July 16, 2026 10:21

Merge branch 'main' of github.com:adobe/react-spectrum into ai_follow…

182b270

…ups_coworker

fix lint

e89bed8

make up/down arrow cycle through old prompts

d64cff6

LFDanLu changed the title ~~feat: (WIP) Updates to AI components for additional chat prompt use cases~~ feat: Updates to AI components for additional chat prompt use cases Jul 16, 2026

LFDanLu commented Jul 16, 2026

View reviewed changes

LFDanLu added 2 commits July 16, 2026 11:50

fix lint?

f9f020a

missing events from spec

54e6e40

github-actions Bot added the RAC label Jul 16, 2026

proper fix for NavigatorUAData lint issue

1557b0a

github-actions Bot removed the RAC label Jul 16, 2026

LFDanLu commented Jul 16, 2026

View reviewed changes

LFDanLu marked this pull request as ready for review July 16, 2026 18:58

LFDanLu added the ready for review label Jul 16, 2026

LFDanLu added the release label Jul 16, 2026

LFDanLu added 2 commits July 20, 2026 10:38

remove bad tokenization from constructor and make comment clearer

8fe9fed

Merge branch 'main' of github.com:adobe/react-spectrum into ai_follow…

585c7df

…ups_coworker

LFDanLu commented Jul 20, 2026

View reviewed changes

Merge branch 'main' into ai_followups_coworker

9fca966

LFDanLu added 2 commits July 20, 2026 16:48

use english fallback for AI strings for now

0837a45

lint and placeholders in tree docs textfields

7715a42

github-actions Bot added the S2 label Jul 21, 2026

clean up some comments based on what design mentioned

d5ab4bc

Merge branch 'main' into ai_followups_coworker

6c5f98e

snowystinger previously approved these changes Jul 22, 2026

View reviewed changes

devongovett previously approved these changes Jul 22, 2026

View reviewed changes

LFDanLu added 2 commits July 22, 2026 16:05

Merge branch 'main' of github.com:adobe/react-spectrum into ai_follow…

6560bc7

…ups_coworker

strings from cowoker and review comment

f9ba3a7

LFDanLu dismissed stale reviews from devongovett and snowystinger via f9ba3a7 July 22, 2026 23:07

snowystinger approved these changes Jul 22, 2026

View reviewed changes

devongovett approved these changes Jul 23, 2026

View reviewed changes

dannify approved these changes Jul 23, 2026

View reviewed changes

LFDanLu added this pull request to the merge queue Jul 23, 2026

Merged via the queue into main with commit 042f4d5 Jul 23, 2026
31 checks passed

LFDanLu deleted the ai_followups_coworker branch July 23, 2026 17:13

	// Only move the caret when the field is already focused.
	if (ref.current === getActiveElement(getOwnerDocument(ref.current))) {
	setCursor(ref.current, state.caretPosition);
	}

Uh oh!

Conversation

LFDanLu commented Jul 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Pull Request Checklist:

📝 Test Instructions:

🧢 Your Project:

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

LFDanLu Jul 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

rspbot commented Jul 16, 2026

Uh oh!

rspbot commented Jul 17, 2026

Uh oh!

Choose a reason for hiding this comment

Uh oh!

rspbot commented Jul 20, 2026

Uh oh!

rspbot commented Jul 21, 2026

Uh oh!

rspbot commented Jul 21, 2026

Uh oh!

rspbot commented Jul 21, 2026

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

rspbot commented Jul 22, 2026

Uh oh!

rspbot commented Jul 22, 2026

react-aria-components

/react-aria-components:TokenField

/react-aria-components:TokenFieldProps

@react-spectrum/ai

/@react-spectrum/ai:Attachment

/@react-spectrum/ai:MessageFeedback

/@react-spectrum/ai:PromptField

/@react-spectrum/ai:PromptTokenField

/@react-spectrum/ai:ResponseStatus

/@react-spectrum/ai:ThreadItem

/@react-spectrum/ai:AttachmentProps

/@react-spectrum/ai:PromptFieldProps

/@react-spectrum/ai:PromptTokenFieldProps

/@react-spectrum/ai:MessageFeedbackProps

/@react-spectrum/ai:ResponseStatusProps

LFDanLu commented Jul 16, 2026 •

edited

Loading

LFDanLu Jul 20, 2026 •

edited

Loading